import React from 'react';
import './style.less';
import {Card, Carousel} from 'antd';

export default class Carousels extends React.Component{
	render() {
		return(
			<div>
				<Card title="文字背景轮播">
					<Carousel autoplay>
					    <div><h3>1</h3></div>
					    <div><h3>2</h3></div>
					    <div><h3>3</h3></div>
					    <div><h3>4</h3></div>
					</Carousel>
				</Card>
				<Card title="文字背景竖屏轮播">
					<Carousel autoplay vertical>
					    <div><h3>1</h3></div>
					    <div><h3>2</h3></div>
					    <div><h3>3</h3></div>
					    <div><h3>4</h3></div>
					</Carousel>
				</Card>
				<Card title="图片轮播">
					<Carousel autoplay effect="fade">
					    <div>
					    	<img src='/gallery/1.png' alt="" />
					    </div>
					     <div>
					    	<img src='/gallery/2.png' alt="" />
					    </div>
					     <div>
					    	<img src='/gallery/3.png' alt="" />
					    </div>
					     <div>
					    	<img src='/gallery/4.png' alt="" />
					    </div>
					    
					</Carousel>
				</Card>
			</div>
		);
	}
}